<html>
<head>
    <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39"/>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="x-dns-prefetch-control" content="off"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="css/all.min.css" rel="stylesheet"/>
    <title>首页</title>
</head>
<body>
<div role="tabpanel">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs menu" role="tablist">
        <li class="col-xs-12 active" role="presentation">
            <a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a>
        </li>
        <li class="col-xs-12" role="presentation">
            <a href="#me" aria-controls="me" role="tab" data-toggle="tab">Me</a>
        </li>
        <li class="col-xs-12" role="presentation">
            <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a>
        </li>
        <li class="col-xs-12" role="presentation">
            <a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a>
        </li>
    </ul>
    <div class="container-fluid">
        <div class="row">
            <div class="header">
                <div class="col-xs-12">
                    <div class="col-xs-3" style="padding: 0;">
                        <span id="menuBtn" onclick="showMenu(this)" data-is-open="0">Menu</span>
                    </div>
                    <div class="col-xs-6 text-center">
                        <b id="headerTitle" style="font-size: 16px;">首页</b>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <!-- Slides -->
                            <div class="swiper-slide"><img src="img/01.jpg" width="100%"/></div>
                            <div class="swiper-slide"><img src="img/02.jpg" width="100%"/></div>
                            <div class="swiper-slide"><img src="img/03.jpg" width="100%"/></div>
                            <div class="swiper-slide"><img src="img/04.jpg" width="100%"/></div>
                        </div>
                        <!-- If we need pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="row" style="padding-top: 10px;">
                        <div class="col-xs-3 text-center">
                            <img src="img/icon.png" width="90%"/>

                            <p style="width: 100%">Item1</p>
                        </div>
                        <div class="col-xs-3 text-center">
                            <img src="img/icon.png" width="90%"/>

                            <p style="width: 100%">Item2</p>
                        </div>
                        <div class="col-xs-3 text-center">
                            <img src="img/icon.png" width="90%"/>

                            <p style="width: 100%">Item3</p>
                        </div>
                        <div class="col-xs-3 text-center">
                            <img src="img/icon.png" width="90%"/>

                            <p style="width: 100%">Item4</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-3 text-center">
                            <img src="img/icon.png" width="90%"/>

                            <p style="width: 100%">Item5</p>
                        </div>
                        <div class="col-xs-3 text-center">
                            <img src="img/icon.png" width="90%"/>

                            <p style="width: 100%">Item6</p>
                        </div>
                        <div class="col-xs-3 text-center">
                            <img src="img/icon.png" width="90%"/>

                            <p style="width: 100%">Item7</p>
                        </div>
                        <div class="col-xs-3 text-center">
                            <img src="img/icon.png" width="90%"/>

                            <p style="width: 100%">Item8</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-4 h150 bgeee"></div>
                        <div class="col-xs-8 padding0">
                            <div class="col-xs-12 h50 bgddd"></div>
                            <div class="col-xs-6 h100 bgccc"></div>
                            <div class="col-xs-6 h100 bgbbb"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-8" style="padding: 0;">
                            <div class="col-xs-12 h50 bgddd"></div>
                            <div class="col-xs-6 h100 bgccc"></div>
                            <div class="col-xs-6 h100 bgbbb"></div>
                        </div>
                        <div class="col-xs-4 h150 bgeee"></div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="me">
                    <div class="row padding015">
                        <div class="col-xs-12 text-center face-wrapper">
                            <img id="face" class="face" src="img/face.jpg"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 text-center">
                            <h3><b>Lion's Blog</b></h3>

                            <p>The time just is forever.</p>
                        </div>
                    </div>
                    <div class="row man-info">
                        <div class="col-xs-12 text-center">
                            <table class="table">
                                <tr>
                                    <th>Name is</th>
                                    <td>Lion</td>
                                </tr>
                                <tr>
                                    <th>Full name is</th>
                                    <td>Lion Lee</td>
                                </tr>
                                <tr>
                                    <th>Born in</th>
                                    <td>1984</td>
                                </tr>
                                <tr>
                                    <th>Come from</th>
                                    <td>FuShun China</td>
                                </tr>
                                <tr>
                                    <th>Live now at</th>
                                    <td>WuXi China</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="messages">
                    <div class="row message-content">
                        <div class="col-xs-12">
                            <span class="btn btn-primary">Hello!man.</span>
                        </div>
                        <div class="col-xs-12 text-right">
                            <span class="btn btn-default">Hi!What's up?</span>
                        </div>
                        <div class="col-xs-12">
                            <span class="btn btn-primary">I think about you.everyday.</span>
                        </div>
                        <div class="col-xs-12">
                            <span class="btn btn-primary">so much.</span>
                        </div>
                        <div class="col-xs-12 text-right">
                            <span class="btn btn-default">Really?</span>
                        </div>
                    </div>
                    <form class="form-inline">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control" id="exampleInputAmount"
                                       placeholder="input message">

                                <div class="input-group-addon">Send</div>
                            </div>
                        </div>
                    </form>
                </div>
                <div role="tabpanel" class="tab-pane settings" id="settings">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">Email address</label>
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                        </div>
                        <div class="form-group">
                            <label for="fullName">Full name</label>
                            <input type="text" class="form-control" id="fullName" placeholder="full name">
                        </div>
                        <div class="form-group">
                            <p><label>Gender</label></p>
                            <input type="radio" name="gender" checked/> male
                            <input type="radio" name="gender"/> female
                        </div>
                        <p class="text-center">
                            <button type="submit" class="btn btn-default">Submit</button>
                        <p>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="js/all.js"></script>
</body>
</html>
